<template>
  <div class="ad">
    <img src="../../../assets/images/logo.png" />
    <div>
      <h2>猫眼</h2>
      <span>在线选座，热门影讯，爱上看电影</span>
    </div>
    <button>打开app</button>
  </div>
</template>

<style lang="scss" scoped>
@import '../../../assets/style/mixin.scss';

.ad{
  height: 64px;
  display: flex;
  padding:10px;
  box-sizing: border-box;
  align-items: center;
  @include border1px(#666666);
  img {
    width: 44px;
    height: 44px;
  }
  div{
    flex:1;
    padding-left:10px;
  }
  h2 {
    font-size: 17px;
    font-weight: normal;
  }
  span{
    font-size: 12px;
    color:#999;
  }
  button{
    width: 68px;
    height: 30px;
    font-size: 12.5px;
    background: #ef4238;
    border: none;
    color: white;
    border-radius: 5px;
  }
}
</style>

